.home-header{
    overflow: scroll;
  
    width: 100%;

}

.carousel{
    width: 100%;
    height:200px ;
    background-color: brown;
}

.hm-main{
    padding: 0 10px; 
 }

 .today-rank{
    flex: 2;
    height: 150px;
    background-color:rgba(21, 146, 204, 100);;
    background-image: url(../img/index-card-rank.png);  
}

.clock-in .panchnum{

}

.clock-in{
    height: 150px;
    flex: 3;
    background-color: rgba(123, 203, 245, 100);
    background-image: url(../img/index-card-sum.png);
   
}
.clock-in .panchnum{
    width: 100px;
    line-height: 40px;
    height: 40px;
    text-align: center;
  font-size: 20px;
  bottom: 20px;
  right: 20px;
  border-radius: 15px;
  border: 1px solid;
}


.datum{
    flex: 1;
    height: 110px;
    background-position: -6px -2px;
   background-size: 100% 100%;
    background-image: url(../img/index-card-data.png);
}
.emblem{
    flex: 1;
    height: 110px;
    background-color: #9dbde3;
    background-size: 100px 100px;
    background-image: url(../img/index-card-badge.png);

}

.training{
    background-size: 100%;
    height: 110px;
    background-image: url(../img/index-swiper-bg2.jpg);
}

.run{
    background-size: 100%;
    height: 110px;
    background-image: url(../img/index-card-run.png);

}


.swiper-container {
    width: 100%;
    height: 200px;
}  











//页脚
.menubar{
    width: 100%;
    height: 70px;
    background-color: #fff;
}
